
<!-- start: PAGE TITLE -->
<section id="page-title">
	<div class="row">
		<div class="col-sm-8">
			<h1 class="mainTitle" translate="sidebar.nav.configuremanagerdb.VIEW">{{ mainTitle }}</h1>
			<span class="mainDescription" translate="sidebar.nav.configuremanagerdb.VIEWDesc">A type of data structure in which each element is attached to one or more elements directly beneath it. The connections between elements are called branches. <small class="block">Webopedia - Online Tech Dictionary for IT Professionals</small></span>
		</div>
		<!-- <div ncy-breadcrumb></div> -->
	</div>
</section>
<!-- end: PAGE TITLE -->
<!-- start: BOOTSRAP NAV TREE -->
<div class="container-fluid container-fullw bg-white">
	<div class="row" ng-controller="cmdbViewCtrl">
		<div class="col-md-4 col-sm-2">
			<a class="btn btn-wide btn-primary" ng-click="refresh()"><span translate="sidebar.nav.configuremanagerdb.VIEWButton.REFRESH">Refresh Data</span><i class="fa fa-share"></i></a>
			<a class="btn btn-wide btn-red" ng-click="remove()"><span translate="sidebar.nav.configuremanagerdb.VIEWButton.REMOVE">Remove Data</span><i class="fa fa-times fa fa-white"></i></a>
			<a class="btn btn-wide btn-blue" ng-click="traversal()"><span translate="sidebar.nav.configuremanagerdb.VIEWButton.TRAVERSAL">Traversal Data</span><i class="fa fa-arrow-circle-right"></i></a>
			<!-- <a class="btn btn-wide btn-green" href="#"><span translate="sidebar.nav.configuremanagerdb.VIEWButton.AUDIT">Audit Data</span><i class="fa fa-user fa fa-white"></i></a> -->
			<h5 class="over-title margin-bottom-15"><span class="text-bold" translate="sidebar.nav.configuremanagerdb.plist.MANAGER">CI Manager</span></h5>
			<p translate="sidebar.nav.configuremanagerdb.VIEWDesc">
				This is a Tree directive for Angular JS apps that use Bootstrap CSS.
			</p>
			<div>
				<div class="row">
					<!-- /// cmdb ci classic /// -->
					<!-- <div class="col-md-4 col-sm-2"> -->
						<div class="panel panel-white">
							<div class="panel-header">
								<h5 translate="sidebar.nav.configuremanagerdb.plist.CLASSIC">CI Classic</h5>
							</div>
							<div class="panel-body">
								<div class="box-tree">
									<span ng-if="doing_async">...loading...</span>
									<abn-tree tree-data="my_data" tree-control="my_tree" on-select="my_tree_handler(branch)" expand-level="2" initial-selection="Granny Smith" icon-leaf="ti-file" icon-expand="ti-plus" icon-collapse="ti-minus"></abn-tree>
								</div>
							</div>
						</div>
						<div class="alert alert-warning">
							{{ output }}
						</div>
				</div>
			</div>
		</div>
		<div class="col-md-8 col-sm-4">
			<div class="col-md-12 col-sm-12">
				<div class="col-md-3 col-sm-2">
					<multi-select-tree
    ng-model="cifilter_classic" data-input-model="select_treedata" data-output-model="cifilter_classics"
    theme="bootstrap" multi-select="false" data-default-label="配置分类"
    data-callback="onFilterCallback(item)"
    data-select-only-leafs="true"
    data-trans-label="label"
    data-switch-view="false"></multi-select-tree>
    			</div>
    			<div class="col-md-3 col-sm-2">
	    			<ui-select ng-model="cifilter_proptype" theme="bootstrap" 
					           ng-change="onPropTypeChange(cifilter_proptype)" reset-search-input="false">
					    <ui-select-match placeholder="属性分类">
					        {{$select.selected['title']}}
					    </ui-select-match>
					    <ui-select-choices repeat="option['form'] as option in propTypeOptions | filter: $select.search">
					    <div ng-bind-html="option['title'] | highlight: $select.search"></div> </ui-select-choices>
					</ui-select>
				</div>
				<div class="col-md-3 col-sm-2">
	    			<ui-select ng-model="cifilter_prop" theme="bootstrap" 
					           ng-change="onPropChange(cifilter_prop)" reset-search-input="false">
					    <ui-select-match placeholder="搜索字段">
					        {{$select.selected['templateOptions']['label']}}
					    </ui-select-match>
					    <ui-select-choices repeat="propOption in propOptions | filter: $select.search">
					    <div ng-bind-html="propOption['templateOptions']['label'] | highlight: $select.search"></div> </ui-select-choices>
					</ui-select>
				</div>
				<div class="input-group col-md-3 col-sm-2">
					<input class="form-control" ng-model="cisearchKey" placeholder="搜索内容">
					<span class="input-group-btn">
				        <button class="btn btn-default"
				                ng-click="searchCI(cisearchKey, cifilter_prop, cifilter_classic)"
				                type="button"><span ng-translate="sidebar.search.PLACEHOLDER"></span><i class="fa fa-search-plus"></i></button>
				    </span>
				</div>
			</div>
			<div class="col-md-12 col-sm-12" id="cmdbSVG"></div>
			<!--div id="feedbox" ng-hide="hideNode">
				<form class="jqtransform" action="#" method="post">
				<h2 class="top_title">配置属性</h2>
						<p><label>配置编号:</label><input type="text"  id="nodeAssetNo" /></p>
						<p><label>配置名称:</label><input type="text" id="nodeName"/></p>
						<p><label>配置来源:</label>
							<select style="width: 173px;" id="nodeType"> </select>
						</p>
						
						<p><label>配置状态:</label>
						 	<select style="width: 173px;" id="nodeStatus"> </select>
						</p>
						
						<p><label>配置类型:</label>
					 	<input id="nodeLabel" type="text" hidden="true"/>
					 	<div style="margin: 13px 0px;height:23px;display:inline-block">
						 	<input id="citySel" type="text"  value="" style="height:12px;width:145px;vertical-align:top;float:left;"readonly/>
						</div>
					<table id="nodeTab" style="margin: -13px 0px;">
						 
					</table>
					<h2 class="top_title"><input id="addBtn" type="button" value="添 加 属 性" /></h2>
					<p> 
						<input id="subBtn" type="button" value="提 交" />
						<input id="classss" type="reset" onclick="closeed('feedbox');return false;" style="margin-left: 33px;" value="关 闭"/>
					</p>
				</form>
		  	</div-->
		</div>
	</div>
</div>
<!-- end: BOOTSRAP NAV TREE -->